<template>
  <div class="vx-tips">
    <span class="vx-tips-title">
      <span class="line">温馨提示：</span>
    </span>
    <span class="vx-tips-body">
      <slot></slot>
    </span>
  </div>
</template>

<style lang="scss">
.vx-tips {
  margin: 20px 0;
  .vx-tips-title {
    vertical-align: bottom;
  }

  .vx-tips-title .line {
    width: 79px;
    height: 20px;
    font-size: $s12;
    font-weight: $font-weight-medium;
    text-align: left;
    color: $color-text-sub;
    line-height: 20px;
    letter-spacing: 0px;
  }

  .vx-tips-body {
    font-size: $s12;
    text-align: left;
    color: $color-text-sub;
    line-height: 21px;
    letter-spacing: 0px;
  }
}
</style>
